<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--近期发布的文章-->
<div class="cube-recent-posts cube-sidebar" id="cube-recent-posts" th:fragment="copy">
    <div class="title">
        <a>近期文章</a>
    </div>
    <ul class="list"  >
        <li  v-for="(blog,index) in blogs">

            <div class="normal">
                <p class="index">
                    <span >{{index+1}}</span>
                </p>
                <p class="title">
                    <a :href="getPostUrl(blog)" >{{blog.title}}</a>
                </p>
            </div>
        </li>
        <!--<li>-->
        <!--&lt;!&ndash; TODO 如果文章要显示图片，那么在front-matter上添加preview属性(url or path) &ndash;&gt;-->

        <!--<div class="preview">-->
        <!--<p class="index first">-->
        <!--<span>1</span>-->
        <!--</p>-->
        <!--<div class="image" style="background-image: url(http://cube-1252774894.cosgz.myqcloud.com/previews/制作一个不轻量的hexo主题.png);"></div>-->
        <!--<div class="info">-->
        <!--<p class="title">-->
        <!--<a href="/2017/08/15/制作一个不轻量的hexo主题-cube/" title="制作一个不轻量的hexo主题:cube">制作一个不轻量的hexo主题:cube</a>-->
        <!--</p>-->
        <!--<p class="date">-->
        <!--2017-08-15-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->

        <!--</li>-->
    </ul>
</div>
</html>